import React from 'react'
import { Row, Col, Card, Statistic } from 'antd'
import { DatabaseOutlined, FileTextOutlined, UserOutlined } from '@ant-design/icons'

const DataResourceCenter: React.FC = () => {
  return (
    <div>
      <div className="page-title">
        <DatabaseOutlined />
        数据资源中心
      </div>

      <Row gutter={[16, 16]}>
        <Col xs={12} sm={6}>
          <Card>
            <Statistic title="数据总量" value={125000} prefix={<DatabaseOutlined />} />
          </Card>
        </Col>
        <Col xs={12} sm={6}>
          <Card>
            <Statistic title="用户数据" value={8900} prefix={<UserOutlined />} />
          </Card>
        </Col>
        <Col xs={12} sm={6}>
          <Card>
            <Statistic title="内容数据" value={1560} prefix={<FileTextOutlined />} />
          </Card>
        </Col>
        <Col xs={12} sm={6}>
          <Card>
            <Statistic title="更新频率" value={24} suffix="小时" />
          </Card>
        </Col>
      </Row>

      <Card title="数据资源管理" className="custom-card" style={{ marginTop: 16 }}>
        <div style={{ textAlign: 'center', padding: 40, color: '#999' }}>
          <DatabaseOutlined style={{ fontSize: 48, marginBottom: 16 }} />
          <div>数据资源管理功能开发中...</div>
        </div>
      </Card>
    </div>
  )
}

export default DataResourceCenter